<template >
<div>
 <section id="projects" class="projects-section">
        <h2 class="projects-section-header">这里是一些实践作品的展示</h2>
        <Works />
        <div>
            <a  class="see-more btn btn-show-all" href="https://github.com/SusuwatariCoder" target="_blank">
                    查看更多 >
            </a>
        </div>
</section>

</div>
  
</template>
<script>
import Works from './Works.vue'



export default {
    name: 'Content',
    components: {
    Works
  }
}
</script>


<style>
.projects-section {
    text-align: center;
    padding: 5rem 2rem;
    background: #45567d;
}

.projects-section-header {
    max-width: 640px;
    margin: 0 auto 4rem auto;
    border-bottom: 0.2rem solid white;
}

.see-more:hover {
    font-size: 2rem;
}

</style>
